<template>
  <div class="invite-box">
    <view class="center-box">
      <!-- <image class="logo" src="/static/jiayou.GIF"></image> -->
      <!-- <image class="close" src="/static/close.png" v-on:click="$closeInvite"></image> -->
      <tui-modal :show="modal" @click="handleClick" @cancel="hide" title="提示" content="已有新版本,请点击确定进行更新"></tui-modal>
    </view>     
  </div>
</template>
 
<script>
 
export default {
  name: 'invite',
 
  props: {
    _specia: String
  },
 
  data() {
    return {
		modal:true
	}
  },
 
  mounted() {
    console.log('this.specia', this._specia);
  },
  methods:{
	  handleClick(e) {
	  	let index = e.index;
	  	if (index === 0) {
	  		location.reload(true)
	  		this.$closeInvite()
	  	} else {
			location.reload(true)
			this.$closeInvite()
	  	}
	  	this.hide();
	  },
	  hide() {
	  	this.modal = false;
	  },
  },
}
</script>
 
<style scoped lang='scss'>
.invite-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.1);
  z-index: 9999;
 
}
</style>